
		
		
		<!-- 1. Add these JavaScript inclusions in the head of your page -->
		
		<script type="text/javascript" src="graficos/js/highcharts.js"></script>
		
		<!-- 1a) Optional: add a theme file -->
		<!--
			<script type="text/javascript" src="../js/themes/gray.js"></script>
		-->
		
		<!-- 1b) Optional: the exporting module -->
		<script type="text/javascript" src="graficos/js/modules/exporting.js"></script>
		
		
		<!-- 2. Add the JavaScript to initialize the chart on document ready -->
		<script type="text/javascript">
		
			var chart;
			$(document).ready(function() {
				chart = new Highcharts.Chart({
					chart: {
						renderTo: 'container',
						zoomType: 'x',
						spacingRight: 20
					},
				    title: {
						text: 'Historico de Envios de SMS'
					},
				    subtitle: {
						text: document.ontouchstart === undefined ?
							'Haga clic y arrastre en el área de trazado para acercar' :
							'Arrastrar el cursor sobre el grafico para ver detalle'
					},
					xAxis: {
						type: 'datetime',
						maxZoom: 14 * 24 * 3600000, // fourteen days
						title: {
							text: null
						}
					},
					yAxis: {
						title: {
							text: 'Cantidad de Envios'
						},
						min: 0.6,
						startOnTick: false,
						showFirstLabel: false
					},
					tooltip: {
						formatter: function() {
								var point = this.points[0];
								return '<b>'+ point.series.name +'</b><br/>'+
									Highcharts.dateFormat('%A %e de %B de %Y', this.x) + ':<br/>'+
									Highcharts.numberFormat(point.y, 2);
							},
						shared: true					
					},
					legend: {
						enabled: false
					},
					plotOptions: {
						area: {
							fillColor: {
								linearGradient: [0, 0, 0, 300],
								stops: [
									[0, Highcharts.getOptions().colors[0]],
									[1, 'rgba(2,0,0,0)']
								]
							},
							lineWidth: 1,
							marker: {
								enabled: false,
								states: {
									hover: {
										enabled: true,
										radius: 5
									}
								}
							},
							shadow: false,
							states: {
								hover: {
									lineWidth: 1						
								}
							}
						}
					},
				
					series: [{
						type: 'area',
						name: 'Cantidad de Envios',
						pointInterval: 24 * 3600 * 1000,
						
						<?php
						$link = mysql_connect("localhost", "admin", "Xurpas123");
						mysql_select_db("smsnic",$link);
						
						$result1= mysql_query("select fecha, count(*) as conteo
						from `envios`
						group by fecha", $link) or die(mysql_error());
						
						
						if(isset($_GET['grupo']) && isset($_GET['fecha1']) && isset($_GET['fecha2'])){
$grupo= "";

$grupo2 = explode(',', $_GET['grupo']);
foreach ($grupo2 as $valor)
{
	if($valor <> ''){
		$grupo = $grupo.$valor.", ";
	}
	
}
$max=strlen($grupo);
$grupo=substr($grupo, 0, $max-2);

	$result1= mysql_query("select fecha, count(*) as conteo
from `envios`, telefonos, grupos, cliente
WHERE telefonos.id = envios.id_telefono
AND CONCAT('505',`cliente`.`telefono`) = `telefonos`.`telefono`
AND `cliente`.`Grupo`=`grupos`.`id`
and `grupos`.`nombre` in (".$grupo.")
and `envios`.`fecha` >= '".$_GET['fecha1']."'
and `envios`.`fecha` <= '".$_GET['fecha2']."'
group by fecha", $link) or die(mysql_error());
}
else{
	if(isset($_GET['grupo'])){
		$grupo= "";

$grupo2 = explode(',', $_GET['grupo']);
foreach ($grupo2 as $valor)
{
	if($valor <> ''){
		$grupo = $grupo.$valor.", ";
	}
	
}
$max=strlen($grupo);
$grupo=substr($grupo, 0, $max-2);

	$result1= mysql_query("select fecha, count(*) as conteo
from `envios`, telefonos, grupos, cliente
WHERE telefonos.id = envios.id_telefono
AND CONCAT('505',`cliente`.`telefono`) = `telefonos`.`telefono`
AND `cliente`.`Grupo`=`grupos`.`id`
and `grupos`.`nombre` in (".$grupo.")
group by fecha", $link) or die(mysql_error());
	}
	else{
		if(isset($_GET['fecha1']) && isset($_GET['fecha2'])){
$result1= mysql_query("select fecha, count(*) as conteo
from `envios`, telefonos, grupos, cliente
WHERE telefonos.id = envios.id_telefono
AND CONCAT('505',`cliente`.`telefono`) = `telefonos`.`telefono`
AND `cliente`.`Grupo`=`grupos`.`id`
and `envios`.`fecha` >= '".$_GET['fecha1']."'
and `envios`.`fecha` <= '".$_GET['fecha2']."'
group by fecha", $link) or die(mysql_error());
		}
		else{
			$result1= mysql_query("select fecha, count(*) as conteo
from `envios`, telefonos, grupos, cliente
WHERE telefonos.id = envios.id_telefono
AND CONCAT('505',`cliente`.`telefono`) = `telefonos`.`telefono`
AND `cliente`.`Grupo`=`grupos`.`id`
group by fecha", $link) or die(mysql_error());
			
		}
		
	}
	
}
						
						
						
						
						$x=0;
						$i=0;
						if(mysql_num_rows($result1)) {
							while( $cliente = @mysql_fetch_array($result1) ){
								if($x==0){
									$fecha1=$cliente['fecha'];
								}		
								$valores[]=$cliente['fecha'].", ".$cliente['conteo'];
								$x=1;
								$i++;
							}
						}
						$fecha = explode("-", $fecha1);
						?>
						
						pointStart: Date.UTC(<?php echo $fecha[0]; ?>, <?php echo (int)$fecha[1]-1; ?>, <?php echo $fecha[2]; ?>),
						data: [
						<?php
							$fecha2=explode(", ", $valores[$i-1]);							
							$j=0;
							$a=0;
							while($fecha1<=$fecha2[0]){
								
								$valor=explode(", ", $valores[$j]);
								if($a==1){
									echo ", ";
								}
								if($fecha1 == $valor[0]){			
									
									echo $valor[1];
									$j++;
								}
								else{
									echo 0;
								}
								
							$fecha1=date("Y-m-d", strtotime("$fecha1 + 1 days"));															
							$a=1;
							}
							
							
							
							?>	
							
						
							
						]
					}]
				});
				
				
			});
				
		</script>
		

		
		<!-- 3. Add the container -->
		<div id="container" style="width: 800px; height: 400px; margin: 0 auto"></div>
		
				

